/* main-header */
.bdb-main-header {
    padding-top: 9px;
    padding-left: 48px;
    height: 54px;
    background-color: #fff;
}
.bdb-header-left {
    width: 13.2%;
    height: 32px;
    line-height: 32px;
    border-right: solid 1px rgba(151, 151, 151, 0.19);
    cursor: pointer;
    letter-spacing: 1.4px;
    color: #939da4;
}
.bdb-header-right {
    width: 86.5%;
    height: 32px;
    line-height: 32px;
}

/* list */
.bdb-list {
    width: 94.2%;
    left: 3%;
    height: 681px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

/* list-header */
.bdb-table-header {
    position: relative;
    z-index: 1;
    height: 68px;
    width: 94.2%;
    left: 3%;
    margin-top: 31px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 2px 42px 0 rgba(187, 187, 187, 0.5);
}
.bdb-table-header > div {
    float: left;
    height: 68px;
    line-height: 68px;
    text-align: center;
    position: relative;
}
.bdb-table-header .splitLine {
    position: absolute;
    left: 11.5%;
    top: 17px;
    width: 1px;
    height: 32px;
    background-color: rgba(151,151,151,0.19);
}

/* list row */
.bdb-list-row > div {
    text-align: center;
}
.bdb-mx-w-col-1 {
    margin-left: 3.7%;
    width: 8.8%;
}
.bdb-mx-w-col-1 .left {
    float: left;
    width: 30%;
}
.bdb-mx-w-col-1 .bdb-option-btn {
    width: 46px;
    height: 20px;
    margin-top: 11px;
}
.bdb-mx-w-col-1 .bdb-option-btn a {
    height: 18px;
    line-height: 18px;
    padding-left: 16px;
}
.bdb-mx-w-col-1 .bdb-option-btn span {
    position: absolute;
    top: 3px;
    left: 9px;
    width: 10px;
    height: 11px;
    background-image: url(../../../imgs/global/yellow-plus.svg);
    background-repeat: no-repeat;
}
.bdb-mx-w-col-1 .bdb-option-btn a:hover + span {
    background-image: url(../../../imgs/global/add-plus.svg);
}
.bdb-mx-w-col-1 .right {
    float: right;
    width: 70%;
}
.bdb-mx-w-col-2 {
    margin-left: 0.5%;
    width: 4.1%;
}
.bdb-mx-w-col-3 {
    margin-left: 0.8%;
    width: 5.6%;
}
.bdb-mx-w-col-4 {
    margin-left: 1.6%;
    width: 11.4%;
}
.bdb-mx-w-col-5 {
    margin-left: 1.8%;
    width: 5%;
}
.bdb-mx-w-col-6 {
    margin-left: 0.8%;
    width: 5.8%;
}
.bdb-mx-w-col-7 {
    margin-left: 1.1%;
    width: 7.9%;
}
.bdb-mx-w-col-8 {
    margin-left: 1%;
    width: 6%;
}
.bdb-mx-w-col-9 {
    margin-left: 0.7%;
    width: 4.1%;
}
.bdb-mx-w-col-10 {
    margin-left: 0.7%;
    width: 12.3%;
}
.bdb-mx-w-col-11 {
    margin-left: 1.3%;
    width: 13.9%;
}

/* arrow */
.bdb-form-select-wrapper .top-arrow {
    top: 10px;
    border-bottom: 4px solid #9e9e9e;
}
.bdb-form-select-wrapper .bottom-arrow {
    top: 19px;
    border-top: 4px solid #9e9e9e;
}

/* add、edit */
#bdb-innerdomainrecord-masteradd-form {
    width: 94.2%;
    margin-left: 3%;
}
#bdb-innerdomainrecord-masteradd-form .form-group,
#bdb-innerdomainrecord-edit-form .form-group,
#bdb-innerdomainrecord-slaveadd-form .form-group {
    position: relative;
    z-index: 100;
    width: 100%;
    padding-top: 13px;
    padding-bottom: 13px;
    background-color: #444858;
    color: #fff;
}

.bdb-innerdomainrecord-add-col-1 {
    width: 8.8%;
    height: 32px;
    line-height: 32px;
    margin-left: 3.7%;
}
.bdb-innerdomainrecord-add-col-1 .left {
    width: 30%;
}
.bdb-innerdomainrecord-add-col-2 {
    width: 10.5%;
    margin-left: 0.5%;
}
.bdb-innerdomainrecord-add-col-2 .bdb-up-arrow-s1 {
    left: 18%;
}
.bdb-innerdomainrecord-add-col-2 #bdb-innerdomainrecord-line-text {
    width: 38%;
    line-height: 32px;
    text-align: center;
}
.bdb-innerdomainrecord-add-col-3 {
    width: 37.3%;
    margin-left: 1.6%;
}
.bdb-innerdomainrecord-add-col-3 .bdb-up-arrow-s1 {
    left: 18px;
}
.bdb-innerdomainrecord-add-col-4 {
    width: 10.5%;
    margin-left: 1%;
}
.bdb-innerdomainrecord-add-col-4 .bdb-up-arrow-s1 {
    left: 50%;
}
.bdb-innerdomainrecord-add-col-5 {
    width: 10.5%;
    margin-left: 11.5%;
}

/* form ele */
.form-lines-layer, .form-record-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 2px;
    letter-spacing: 1.4px;
    color: #b8c2c9;
    background-color: #4c5061;
    border: solid 1px #646879;
}
.form-lines, .form-record {
    height: 32px;
    line-height: 32px;
    margin-left: 2px;
    width: 1px;
    border: 1px #eee solid;
    background: transparent;
}
.form-ttl {
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 2px;
    background-color: #4c5061;
    border: solid 1px #646879;
}

.bdb-innerdomainrecord-form-lineid-container .lines-list {
    position: absolute;
    top: 32px;
    width: 100%;
    margin-top: 4px;
    padding-top: 6px;
    border-radius: 2px;
    background-color: #4c5061;
    border: solid 1px #7b8096;
}
.bdb-innerdomainrecord-form-lineid-container .lines-list li {
    height: 32px;
    line-height: 32px;
    padding-right: 20px;
    padding-left: 20px;
    letter-spacing: 1.4px;
    color: #9299b8;
}
.bdb-innerdomainrecord-form-lineid-container .lines-list li .left {
    float: left;
    width: 10px;
    height: 10px;
    margin-top: 11px;
}
.bdb-innerdomainrecord-form-lineid-container .lines-list li .right {
    float: left;
    margin-left: 12px;
}
.bdb-innerdomainrecord-form-lineid-container .lines-list .lines-operation {
    margin-top: 9px;
    background-color: #5f647a;
}
.bdb-innerdomainrecord-form-lineid-container .lines-list .lines-operation button {
    width: 50px;
    line-height: 36px;
    padding: 0;
    outline: 0;
    text-align: center;
    color: #e0e6ff;
    background: transparent;
}

.bdb-innerdomainrecord-form-record-container .record-list {
    position: absolute;
    top: 32px;
    width: 100%;
    margin-top: 4px;
    padding: 0;
}
.bdb-innerdomainrecord-form-record-container .record-list .search {
    width: 100%;
    border-radius: 2px;
    border-bottom-right-radius: 0;
    cursor: default;
    background-color: #3cd4fa;
    background-image: linear-gradient(to top, #4abdff, #3cd4fa);
}
.bdb-innerdomainrecord-form-record-container .record-list .search #record-list-search-input {
    width: 86%;
    height: 35px;
    margin-right: 14%;
    padding-top: 7px;
    padding-right: 10px;
    padding-bottom: 7px;
    padding-left: 27px;
    border: 0;
    border-top-left-radius: 2px;
    color: #fff;
    background-color: #3cd4fa;
    background-image: linear-gradient(to top, #4abdff, #3cd4fa);
}
.bdb-innerdomainrecord-form-record-container .record-list .search #search-btn {
    position: absolute;
    top: 11px;
    right: 27px;
}
.bdb-innerdomainrecord-form-record-container .record-list ul {
    height: 182px;
    overflow-x: hidden;
    overflow-y: auto;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background-color: #4c5061;
}
.bdb-innerdomainrecord-form-record-container .record-list ul li {
    padding-right: 23px;
    padding-left: 23px;
    line-height: 32px;
}
.bdb-innerdomainrecord-form-record-container .record-list ul li:nth-child(odd) {
    background-color: #4c5061;
}
.bdb-innerdomainrecord-form-record-container .record-list ul li:nth-child(even) {
    background-color: #535767;
}
.bdb-innerdomainrecord-form-record-container .record-list ul li:hover {
    background-color: #404456;
}

.bdb-innerdomainrecord-form-lineid-container .form-lines-layer + div, 
.bdb-innerdomainrecord-form-record-container .form-record-layer + div {
    position: absolute;
    top: 32px;
    height: 6px;
    width: 100%;
}

/* */
.bdb-container .bdb-text-align-l { text-align: left;}
.bdb-btn-444858-s1 { margin-left: -14px; }

/* placeholder */
.bdb-innerdomainrecord-form-record-container .record-list .search input::-moz-placeholder {
    color: #fff;
    letter-spacing: 1.4px;
}
.bdb-innerdomainrecord-form-record-container .record-list .search input::-webkit-input-placeholder {
    color: #fff;
    letter-spacing: 1.4px;
}
.bdb-innerdomainrecord-form-record-container .record-list .search input:-ms-input-placeholder {
    color: #fff;
    letter-spacing: 1.4px;
}
